<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{% block title %}{% endblock %}</title>
        <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">

        <link rel="stylesheet" href="{{ asset('css/style.css') }}">
        <script type="text/javascript" src="{{ asset('js/jquery-2.0.3.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('js/jquery-ui-1.10.3.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('js/script.js') }}"></script>
        
        {% block stylesheets %}{% endblock %}
        {% block javascripts %}{% endblock %}
    </head>
    <body>
    <section id="container">
        <header>
            <a href="{{ path('home') }}">Početna</a>
            <form action="javascript:;" id="search-form">
                <input type="text" name="keyword" placeholder="Traži..." autocomplete="off">
                <ul class="results"></ul>
            </form>
        </header>
        <menu>
            {% for brand in brands %}
            <li>
                {% if theBrand is defined and theBrand.id == brand.id %}
                    <strong>{{ brand.name }}</strong>
                {% else %}
                    <a href="{{ path('brand', {brand: brand.name}) }}">{{ brand.name }}</a>
                {% endif %}
            </li>
            {% endfor %}
        </menu>
        <section id="content">{% block content %}{% endblock %}</section>
        <footer>
        </footer>
    </section>
    </body>
</html>
